<!--公共头部-->
{template 'aitimt/common/header'}
		<style>
			.mui-table-view .mui-media, .mui-table-view .mui-media-body{line-height: 2rem;}
			.mui-slider-indicator.mui-segmented-control .mui-control-item {border-left:1px solid #c1c1c1 ;border-bottom:1px solid #c1c1c1 ;padding: 1px;color: #585858;}
			.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{border-bottom:3px solid #e94709 ;color: #585858;}
			.addtime{padding-top: 10px;font-size: 10px;}
			.mui-table-view .mui-media-object.mui-pull-left{margin-right: 25px;}
			.mui-content>.mui-table-view:first-child{margin: 0;}
			.mui-content ul{height: 6.5rem;}
			.mui-bar-tab .mui-tab-item{color: #555657;border-right: 1px solid #ececec;}
			.mui-bar-tab .mui-tab-item.mui-active{color: #555657;}
			.entry-pro {font-weight: 500;font-size: 15px;color: #000000;background-color: #FFFFFF;padding: 10px 0 1px 5%;}
			.entry-message{font-weight: 500;font-size: 15px;color: #000000;background-color: #FFFFFF;padding: 10px 0 20% 5%;display: inline-block;width: 100%}
			.entry-message input::-webkit-input-placeholder{font-size:14px;color: #bcbcbc;}
			.entry-select{position: absolute;width: 95%;height: 4%;border: 1px solid #bcbcbc;margin-bottom: 10px;}
			.mui-btn-block{font-size: 14px;margin: 0;padding: 0;padding-left: 4%;line-height: 25px;color: #000000;}
			.mui-btn-block option:first-child{font-size: 14px;margin: 0;padding: 0;color: #bcbcbc;}
			.entry-btn{float: left;padding: 0 30%;width: 100%; background:white;padding-top: 2%;border-top: 10px solid #eee;}
			.entry-look{width: 100%;height: 35px;margin-bottom: 5%;font-size: 13px;color: #e94709;border-radius: 30px;}
			.entry-message span{position: absolute;left: 40%;}
			.mui-h4, h4{font-size: 13px;}
			.mui-table-view .mui-media-object{max-width: 80px;height: 55px;}
		</style>
		<header class="mui-bar mui-bar-nav">
			<a class="top-return mui-action-back"><img src="{$aideUrl}app/resource/aitimt/images/return.png" ></a>
			<a class="top-logo"><img src="{$aideUrl}app/resource/aitimt/images/logo.png" ></a>
			<!--公共菜单start -->
			{template 'aitimt/common/menu'}
			<!-- 公共菜单end-->
		</header>
		<div class="mui-content">
			<ul class="mui-table-view">
						<li class="mui-table-view-cell mui-media">
								<img class="mui-media-object mui-pull-left" src="{php echo tomedia($activity['thumb'])}">
								<div class="mui-media-body">
									<h4 style="color: #595757;">{$activity['title']}</h4>
									<p class=" mui-icon iconfont icon-riqi addtime">{$activity['starttime']}</p>
									<p class=" mui-icon iconfont icon-didian addtime">{$activity['address']}</p>
								</div>
						</li>
					</ul>
			<div style="font-size: 15px;color: #e94709;margin-left: 5%;font-weight: 800;" >
				报名项目
			</div>
			<div class="entry-pro">
				<p>报名项目:&nbsp;&nbsp;{$pro['name']}</p>
				<p>报名费用:&nbsp;&nbsp;免费</p>
			</div>
			<div style="font-size: 15px;color: #e94709;margin-left: 5%;font-weight: 800;" >
				报名信息
			</div>
			<div class="entry-message">
				{if $form['realname']}<p>姓名:<span>{$form['realname']}</span></p>{/if}
				{if $form['mobile']}<p>手机号:<span>{$form['mobile']}</span></p>{/if}
				{if $form['cynumber']}<p>参赛号码:<span>{$form['cynumber']}</span></p>{/if}
				{loop $trans $key $val}
					{if $form[$key]}
						{if $key=='gender'}
						<p>{$val}:<span>{if $form[$key]==1}男{elseif $form[$key]==2}女{/if}</span></p>
						{elseif $key=='birthyear'}
						<p>{$val}:<span>{$form['birthyear']}-{$form['birthmonth']}-{$form['birthday']}</span></p>
						{elseif $key=='weight'}
						<p>{$val}:<span>{$form[$key]} kg</span></p>
						{elseif $key=='height'}
						<p>{$val}:<span>{$form[$key]} cm</span></p>
						{else}
						<p>{$val}:<span>{$form[$key]}</span></p>
						{/if}
					{/if}
				{/loop}
			</div>
		</div>
		<!-- 公共底部start -->
		<nav class="mui-bar mui-bar-tab">
			{if $record[0]['entrystatus']==1}
			<div class="entry-btn">
				<button type="button" class="entry-look" onclick="detail()">
					查看赛事状态
				</button>
				<button type="button" class="entry-look" style="background: #e94709;color: white;" onclick="activity()">
					看看其他比赛
				</button>
			</div>
			{else}
			<a class="mui-tab-item" onclick="toBack()">
				<span class="mui-tab-label">返回修改</span>
			</a>
			<a class="mui-tab-item" style="background: #e94709;color: #FFFFFF;" onclick="check()" >
				<span class="mui-tab-label">确认并提交</span>
			</a>
			{/if}
		</nav>
		<!-- 公共底部end -->
		<script type="text/javascript">
				function check() {
					{if ($activity['joinetime']<date("Y-m-d H:i:s",time()))}
					var btnArray = ['确定'];
					var msg='当前活动已截止报名';
					mui.confirm(msg,'',btnArray, function(e) {
						location.href ="javascript:history.go(-1)";
					});
					{else}
					location.href = "{php echo app_url('home/index/success')}&recordid={$rid}&free=1";
					{/if}
                }
                function toBack() {
                    location.href="{php echo app_url('home/join/display')}&activityid={$activityid}&proid={$proid}&recordid={$rid}"
                }
                function detail() {
                    location.href = "{php echo app_url('home/index/detail')}&activityid={$activityid}";
                }
                function activity() {
                    location.href="{php echo app_url('home/index/activity')}"
                }
			</script>

	</body>

</html>
